* {
    padding: 0;
    margin: 0;
}
body {
    background-color:#e8e2be;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 150px);
}

.pusheen {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-items: center;
    padding: 1rem 0;
    width: 100vw;
}
.pusheen__svg {
    width: 520px;
}
#close {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border-radius: 50px;
    background: #a0d878;
    box-shadow: inset 20px 20px 60px #88b866,
    inset -20px -20px 60px #b8f88a;
    color: #fff;
    text-align: center;
    width: 180px;
    font-size: 24px;
    cursor: pointer;
}
#tips {
    transform: translateY(30px);
    width: 500px;
    height: 400px;
}
textarea {
    box-sizing: border-box;
    margin-top: 30px;
    min-height: 28px;
    outline:none;
    resize:none;
    border: none;
    padding: 14px;
    width: 100%;
    height: 400px;
    font-size: 32px;
    border-radius: 10px;
    box-shadow: inset 1px 1px 1px #b5913c,
    inset -1px -1px 1px #f5c551;
    background: rgba(255,255,255,0.5);
}
textarea::-webkit-scrollbar {
    display: none;
}
